@charset "utf-8";
@media (max-width:1680px ) {
	.home_box2 ol li{
		margin: 0 35px;
	}
}
@media (max-width:1600px ) {
	.home_box2 ol li{
		margin: 0 30px;
	}
}
@media (max-width:1440px ) {
	.home_box2 ol li {
		margin: 0 20px;
	}
	.home_case ol li .text{
		padding: 20px;
	}
}
@media (max-width:1366px ) {
	.home_case .slick-prev{
		left: 8.5%;
	}
	.home_case .slick-next{
		right: 8.5%;
	}
	.home_box2 ol li img{
		height: 80px;
	}
}
@media (max-width:1300px ) {
	.home_case .slick-prev{
		left: 9.3%;
	}
	.home_case .slick-next{
		right: 9.3%;
	}
}
@media (max-width:1280px ) {
	.shopQH{
		width: 1211px;
	}
	.newsBox ol li .text{
		padding-top: 25px;
	}
}
@media (max-width:1024px ) {
	.container{
		max-width: 100%;
		padding: 0 15px;
	}
	.nav{
		display: none;
	}
	.navbtn{
		display: block;
	}
	.header_top .right .icon_btn{
		margin-right: 70px;
	}
	.home_box{
		padding: 50px 0 60px;
	}
	.home_box .box{
		margin-top: 35px;
	}
	.home_box2 ol li img{
		height: 60px;
	}
	.home_case{
		padding: 0 15px 55px;
	}
	.home_case ol{
		padding: 0;
	}
	.fast_nav .footer_dh input{
		width: 250px;
	}
	.footer .footer_nav{
		display: none;
	}
	.footer .left{
		width: 100%;
		text-align: center;
	}
	.footer .left .fx a{
		display: inline-block;
		float: none;
		margin: 0 3px;
	}
	.footer .container:before{
		display: none;
	}
	.shopQH {
		width: 102%;
	}
	.contactbox ul{
		margin-top: 35px;
	}
	.contactbox ul li{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.materialshow2 .data .left{
		width: 100%;
	}
	.materialshow2 .data .rightBtn{
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.materialshow2 .data .rightBtn span:first-child{
		padding-left: 0;
	}
	.proshowdiv2 ul li{
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.proshowdiv2 ul li .text{
		padding-top: 0;
	}
	.proshowdiv .proshowRight{
		padding-top: 0;
	}
	.proshowdiv .proshowRight ul li{
		margin-bottom: 15px;
	}
	.newsBox ol li .text{
		padding-top: 0;
	}
	.newsshowLeft{
		width: 100%;
	}
	.newsshowRight{
		display: none;
	}
	.aboutbox .aboutdiv .text{
		padding-top: 0;
	}
	.aboutbox .aboutdiv .text .btn{
		margin-top: 30px;
	}
	.aboutbox4 .aboutTD .text{
		padding-top: 50px;
	}
	.casebox .caseList ul li .text{
		padding-top: 24px;
	}
	.downbox .downText ul li .text{
		height: 95%;
	}
	.downbox .downText ul li .img,
	.downbox .downText ul li .img  img{
		width: 100%;
	}
	.downbox .downText ul li .text{
		width: 100%;
		position: relative;
		height: auto;
		float: left;
		padding: 15px;
	}
	.downbox .downText ul li .text h3{
		font-size: 16px;
	}
	.downbox .downText ul li .text i.xiantiao{
		height: 2px;
		margin-bottom: 10px;
	}
	.downbox .downText ul li .text .t{
		line-height: 24px;
		font-size: 14px;
	}
	.downbox .downText ul li .text .t p{
		margin-top: 5px;
	}
	.downbox .downText ul li .text .more{
		font-size: 14px;
		line-height: 40px;
		margin-top: 12px;
	}
	.downbox .downText ul li{
		margin-bottom: 15px;
	}
	.downPrompt{
		margin-top: 15px;
		padding: 15px;
	}
	.downPrompt h3{
		font-size: 16px;
		font-weight: normal;
	}
	.downPrompt p{
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}
	.supportList ul>li .bt{
		padding: 0 15px;
		line-height: 46px;
	}
	.supportList ul>li .bt i.icon{
		width: 14px;
		height: 14px;
		margin-top: 16px;
	}
	.supportList ul>li .text{
		padding: 0 15px;
	}
	.supportList ul>li .text ol>li{
		line-height: 42px;
	}
	.supportList ul>li .text ol>li p{
		font-size: 14px;
	}
	.servicebox .serviceText .text{
		width: 100%;
		padding: 15px;
		min-height: 0;
	}
	.servicebox .serviceText .img{
		position: relative;
		float: left;
		top: 0;
		width: 100%;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
	.servicebox .serviceText .img img{
		width: 100%;
	}

	.servicebox .serviceText .text span,
	.servicebox2 .serviceText2 .text span {
		font-size: 12px;
	}
	.servicebox .serviceText .text h3,
	.servicebox2 .serviceText2 .text h2,
	.serviceText3 h3 {
		font-size: 16px;
	}
	.servicebox .serviceText .text .t,
	.servicebox2 .serviceText2 .text .t {
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}
	.servicebox .serviceText .text .t p,
	.servicebox2 .serviceText2 .text .t p {
		margin-top: 5px;
	}
	.servicebox .serviceText .text a.more{
		font-size: 14px;
		line-height: 40px;
		margin-top: 12px;
	}
	.servicebox,
	.servicebox2 {
		padding: 40px 0;
	}

	.servicebox2 .serviceText2 .img,
	.servicebox2 .serviceText2 .img  img{
		width: 100%;
	}
	.servicebox2 .serviceText2 .text{
		width: 100%;
	}
	.serviceText3{
		margin-top: 25px;
	}
	.serviceText3 ul li{
		width: 100%;
	}
	.serviceText3 ul li p{
		font-size: 14px;
	}
	.serviceText3 ul li a{
		line-height: 46px;
	}
	.serviceText3 ul{
		margin-top: 0;
	}
}
@media (max-width:768px ) {
	.header_top{
		height: 60px;
	}
	.logo{
		/*margin-top: 21px;*/
		width: 130px;
	}
	.navbtn{
		width: 24px;
	}
	.header_top .right{
		padding-top: 11px;
	}
	.header_top .right .icon_btn{
		margin-right: 40px;
		margin-top: 11px;
		margin-left: 0;
	}
	.header_top .right .cart{
		width: 20px;
		margin-top: 9px;
	}
	
	.header_top .right .icon_btn a{
		margin-left: 10px;
	}
	.header_top .right .icon_btn a,
	.header_top .right .icon_btn a img{
		height: 16px;
		width: 16px;
	}
	.header_top .right .icon_btn:before{
		display: none;
	}

	.banner .slick-dots{
		bottom:15px;
	}

	.title h3,.title .t{
		font-size: 22px;
	}
	.title p{
		font-size: 14px;
		margin-top: 10px;
	}
	.home_box .box ol{
		width: 100%;
	}
	.home_box .box ol:first-child{
		margin-bottom: 1.8%;
	}
	.home_box{
		padding: 40px 15px 40px;
	}
	.home_box .box ol li p{
		font-size: 14px;
		bottom:10px;
	}
	.home_box .box{
		    margin-top: 24px;
		    margin-left: -36px;
	}
	.home_box2{
		padding-bottom: 30px;
	}
	.home_box2 ol{
		margin-top: 25px;
	}
	.home_box3{
		padding: 40px 15px;
	}
	.home_case ol li{
		width: 100%;
		margin-bottom: 10px;
	}
	.home_case ol li:last-child{
		margin-bottom: 0;
	}
	.home_case ol li .text{
		padding: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.home_case,
	.home_news {
		padding-bottom: 35px;
	}
	.home_case .slick-dots li button,
	.home_news .slick-dots li button {
		width: 25px;
	}
	.home_box4{
		padding: 40px 0;
	}
	.home_news ol li{
		width: 100%;
		padding: 10px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.home_news ol li:last-child{
		margin-bottom: 0;
	}
	.home_news ol li .text h3,
	.newsBox ol li .text h3 {
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.home_news ol li .text p,
	.newsBox ol li .text p {
		height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 0;
	}
	.home_case{
		padding-left: 0;
		padding-right: 0;
		margin-top: 25px;
	}
	.more_btn{
		margin-top: 20px;
	}
	.more_btn a{
		font-size: 14px;
		line-height: 34px;
	}
	.home_news{
		margin-top: 20px;
	}
	.home_news ol li .text{
		margin-top: 10px;
	}
	.fast_nav p{
		font-size: 14px;
		line-height: 20px;
		width: 100%;
	}
	.fast_nav .footer_dh span{
		display: none;
	}
	.fast_nav .footer_dh {
		width: 100%;
		margin-top: 15px;
	}
	.fast_nav .footer_dh input{
		width: 100%;
		text-align: center;
		font-size: 14px;
		padding: 0 10px;
		height: 40px;
		line-height: 38px;
	}
	.fast_nav .footer_dh .btn{
		width: 100%;
		margin-top: 15px;
	}
	.footer{
		padding-top: 30px;
	}
	.nav_box .nav-title {
		height: 60px;
	}

	.nav_box .nav-title h1 {
		width: 135px;
	}

	.nav_box .nav-title .navclose {
		width: 22px;
		height: 22px;
	}

	.nav_box .navlist ul>li {
		line-height: 50px;
		font-size: 14px;
	}

	.nav_box .navlist ul>li>a:before {
		width: 8px;
		height: 14px;
	}
	.contactbox{
		padding-bottom: 30px;
	}
	.contactbox ul li{
		width: 100%;
		min-height: auto;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.contactbox ul li h3{
		font-size: 16px;
		font-weight: normal;
	}
	.contactbox ul li:last-child{
		margin-bottom: 0;
	}
	.contactbox ul li .text p{
		font-size: 14px;
		background-size: 14px 14px;
	}
	.contactdiv .feedback{
		width: 100%;
	}
	#allmap{
		margin-top: 30px;
		width: 100%;
		height: 260px;
		margin-left: 0;
	}
	.contactdiv .feedback .title{
		text-align: center;
	}
	.contactdiv .feedback ul li input,
	.contactdiv .feedback ul li textarea{
		font-size: 14px;
		height: 40px;
		line-height: 38px;
	}
	.contactdiv .feedback ul li textarea{
		height: 120px;
		padding: 10px;
		line-height: 24px;
	}
	.contactdiv .feedback ul li .btn{
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}
	.contactbox2{
		padding-bottom: 40px;
	}
	.materialbox ul li{
		margin-bottom: 15px;
	}
	.materialbox ul li .img,
	.materialbox ul li .text {
		width: 100%;
	}
	.materialbox ul li .img img{
		width: 100%;
	}
	.materialbox ul li .text{
		padding: 12px 15px 15px;
	}
	.materialbox ul li .text h2{
		font-size: 12px;
	}
	.materialbox ul li .text h3{
		font-size: 16px;
		margin-top: 5px;
	}
	.materialbox ul li .text .t{
		margin-top: 5px;
		line-height: 24px;
	}
	.materialbox ul li .text .bt{
		font-size: 16px;
		font-weight: normal;
	}
	.materialbox ul li .text .jxlx li{
		width: 50%;
	}
	.materialbox ul li .text .jxlx li span{
		font-size: 14px;
	}
	.materialbox ul li .text .bottomBtn{
		margin-top: 10px;
	}
	.materialbox ul li .text .bottomBtn a{
		font-size: 14px;
		line-height: 32px;
	}
	.materialbox ul li .text .bottomBtn a.a1{
		margin-right: 10px;
	}
	.probox{
		padding: 40px 0 35px;
	}
	.probox ul{
		margin-top: 25px;
		padding: 0 15px;
	}
	.probox ul li{
		width: 49%;
		margin-bottom: 2%;
		margin-right: 0;
	}
	.probox ul li:nth-child(2n){
		float: right;
	}
	.probox ul li .text,
	.industrybox5 ul li .text {
		padding: 10px;
	}
	.probox ul li .text span,
	.industrybox5 ul li .text span {
		font-size: 12px;
		margin-bottom: 0;
	}
	.probox ul li .text p,
	.industrybox5 ul li .text p {
		font-size: 14px;
	}
	.probox ul li .text::before,
	.industrybox5 ul li .text::before {
		display: none;
	}
	.materialbox{
		padding: 40px 0;
	}
	.materialbox ul li .text .tz .nr,
	.materialbox ul li .text .jxlx {
		margin-top: 5px;
	}
	.materialtop{
		padding: 15px 0;
	}
	.Msort ul li{
		width: 32%;
		margin-right: 2%;
		border:1px solid #eee;
		padding: 0;
		line-height: 34px;
		font-size: 14px;
		margin-bottom: 10px;
		text-align: center;
	}
	.Msort ul li:nth-child(3n){
		margin-right: 0;
	}
	.Msort{
		padding: 22px 0 10px;
	}

	.materialshow h1{
		font-size: 24px;
		font-weight: normal;
	}
	.materialshow .t{
		font-size: 14px;
		line-height: 24px;
	}
	.materialshow .syjx .bt{
		font-size: 16px;
	}
	.materialshow .syjx .jxlx{
		margin-top: 5px;
	}
	.materialshow .syjx .jxlx li{
		width: 50%;
		margin-right: 0;
	}
	.materialshow .syjx .jxlx li span{
		font-size: 14px;
	}
	.materialshow .syjx a.DownMore{
		margin-top: 10px;
		position: relative;
		display: block;
		text-align: center;
		font-size: 16px;
		line-height: 40px;
	}
	.materialshow .MSimgbox li,
	.materialshow2 .detailList ul li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.materialshow .MSimgbox li img{
		width: 100%;
	}
	.materialshow .MSimgbox li:nth-child(2n),
	.materialshow2 .detailList ul li:nth-child(2n){
		float: right;
	}
	.materialshow2 h2{
		font-size: 24px;
		text-align: center;
	}
	.materialshow2 .data .left{
		text-align: center;
		font-size: 14px;
	}
	.materialshow2 .data{
		margin-top: 10px;
	}
	.materialshow2 .detailList ul li p{
		font-size: 14px;
		padding: 10px;
	}
	.materialshow{
		padding: 35px 0;
	}
	.materialshow2 .data .rightBtn span{
		width: 32%;
		margin-right: 2%;
		border:1px solid #eee;
		padding: 0;
		line-height: 34px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.materialshow2 .data .rightBtn span:nth-child(3n){
		margin-right: 0;
	}
	.materialshow2 .data .rightBtn span::before{
		display: none;
	}
	.materialshow2 .detailList{
		margin-top: 15px;
	}
	.probox2{
		padding: 40px 0;
	}
	.probox2 .proCL{
		margin-top: 25px;
	}
	.probox2 .proCL .proCLtext .img,
	.probox2 .proCL .proCLtext .img  img{
		width: 100%;
	}
	.probox2 .proCL .proCLtext .text{
		width: 100%;
		padding: 15px 0 25px;
	}
	.probox2 .proCL .proCLtext .text h3{
		font-size: 16px;
	}
	.probox2 .proCL .proCLtext .text .t{
		font-size: 14px;
		line-height: 24px;
	}
	.probox2 .proCL .proCLtext .text .btnanniu a{
		font-size: 14px;
		line-height: 40px;
	}
	.proCLbtnbox .box h3{
		font-size: 14px;
		padding: 10px;
	}
	.proCLbtnbox .box{
		margin: 0 5px;
	}
	.proCLbtnbox .slick-prev{
		left: -10px;
	}
	.proCLbtnbox .slick-next{
		right: -10px;
	}
	.newsshowBox{
		padding-top: 15px;
		padding-bottom: 40px;
	}
	.proshowdiv{
		margin-top: 20px;
		padding: 0;
	}
	.proshowdiv .proshowLeft,
	.proshowDT {
		width: 100%;
	}
	.proshowdiv .proshowLeft .proshowDT .img,
	.proshowdiv .proshowLeft .proshowDT .img img{
		width: 100%;
	}
	.proshowdiv .proshowLeft .proshowXD .slick-current img{
		border-width: 2px;
	}
	.proshowdiv .proshowRight{
		width: 100%;
		padding: 20px 15px 25px;
	}
	.proshowdiv .proshowRight h1{
		font-size: 16px;
	}
	.proshowdiv .proshowRight h2{
		font-size: 12px;
	}
	.proshowdiv .proshowRight ul li .icon{
		width: 7%;
	}
	.proshowdiv .proshowRight ul li .text{
		width: 91%;
	}
	.proshowdiv .proshowRight ul li .text .bt{
		font-size: 14px;
	}
	.proshowdiv .proshowRight ul li .text p{
		font-size: 12px;
	}
	.proshowdiv .proshowRight ul{
		margin-top: 15px;
	}
	.proshowdiv .proshowRight .proshowBtn{
		margin-top: 10px;
	}
	.proshowdiv .proshowRight .proshowBtn a{
		font-size: 14px;
		line-height: 32px;
	}
	.proshowdiv2{
		margin-top: 15px;
	}
	.proshowdiv2 h3{
		font-size: 16px;
	}
	.proshowdiv2 .t{
		line-height: 24px;
	}
	.proshowdiv2 ul li{
		width: 100%;
	}
	.proshowdiv2 ul::before{
		display: none;
	}
	.proshowdiv2 ul li.li1,
	.proshowdiv2 ul li.li2{
		padding: 20px 15px;
	}
	.proshowdiv2 ul li.sign{
		padding: 0;
	}
	.proshowdiv2 ul li .text span{
		font-size: 12px;
	}
	.proshowdiv2 ul li .text .bt{
		font-size: 16px;
		margin-top: 0;
	}
	.proshowdiv2 ul li .text p{
		font-size: 14px;
		margin-top: 5px;
	}
	.proshowdiv2 ul li .icon{
		width: 11%;
	}
	.proshowdiv2 ul li.li2 .icon{
		width: 11%;
	}
	.proshowdiv2 ul li .text{
		width: 86%;
	}
	.proshowdiv3{
		margin-top: 15px;
		padding: 20px 15px;
	}
	.proshowdiv3 .text{
		width: 100%;
	}
	.proshowdiv3 .text h3{
		font-size: 16px;
		margin-top: -18px;
	}
	.proshowdiv3 .text p{
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}
	.proshowdiv3 .img{
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.proshowdiv .proshowLeft .proshowXD{
		margin-left: 0;
		width: 100%;
	}
	.proshowdiv2 .img{
		margin: 20px 0 25px;
	}
	.proshowdiv2 ul{
		margin-top: 15px;
	}
	.newsBox ol li{
		padding: 10px;
		margin-bottom: 10px;
	}
	.newsBox ol li .img,
	.newsBox ol li .img  img{
		width: 100%;
	}
	.newsBox ol li .text{
		width: 100%;
		padding: 15px 0 10px;
	}
	.newsBox ol li .text h3{
		margin: 3px 0 5px;
	}
	.newsBox ol li .text span.more{
		margin-top: 8px;
	}
	.newsBox{
		padding: 40px 0 50px;
	}
	.newsshow{
		margin-top: 20px;
	}
	.newsshowLeft{
		padding: 15px 10px;
	}
	.newsshowLeft h1{
		font-size: 18px;
		font-weight: normal;
	}
	.newsshowLeft h2{
		font-size: 13px;
		font-weight: normal;
	}
	.newsshowLeft .data .fx{
		display: none;
	}
	.aboutbox .aboutdiv .img{
		width: 100%;
	}
	.aboutbox .aboutdiv .text{
		width: 100%;
		padding: 15px;
	}
	.aboutbox .aboutdiv{
		padding: 0;
	}
	.aboutbox .aboutdiv .text h2,
	.aboutbox4 .aboutTD .text h3 {
		font-size: 18px;
	}
	.aboutbox .aboutdiv .text p,
	.aboutbox4 .aboutTD .text p {
		line-height: 24px;
	}
	.aboutbox .aboutdiv .text .btn{
		font-size: 14px;
		line-height: 40px;
		margin-top: 15px;
	}
	.aboutbox,
	.aboutbox2 ,
	.aboutbox4 ,
	.aboutbox5 {
		padding: 40px 0;
	}
	.aboutbox4 .aboutTD .img{
		width: 100%;
	}
	.aboutbox4 .aboutTD .img img{
		width: 100%;
	}
	.aboutbox4 .aboutTD .text{
		width: 100%;
		padding: 15px;
	}

	.industrybox1 .industrydiv .img{
		width: 100%;
	}
	.industrybox1 .industrydiv .text{
		position: relative;
		width: 100%;
		height: auto;
		background:none;
		padding: 15px;
		float: left;
		padding-top: 34px;
	}
	.industrybox1 .industrydiv .text h4,
	.industrybox1 .industrydiv2 .text h4 {
		font-size: 16px;
	}
	.industrybox1 .industrydiv .text h4,
	.industrybox1 .industrydiv2 .text h3 {
		font-size: 18px;
	}
	.industrybox1 .industrydiv .text .t{
		padding-right: 0;
		padding-top: 10px;
	}
	.industrybox1 .industrydiv2 .img,
	.industrybox1 .industrydiv2 .img img{
		width: 100%;
	}
	.industrybox1 .industrydiv2 .text{
		width: 100%;
		padding: 15px 15px 20px;
	}
	.industrybox1 .industrydiv2 ul li{
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px;
	}
	.industrybox1 .industrydiv2 ul li span{
		width: 20px;
	}
	.industrybox1,
	.industrybox2 ,
	.industrybox5 {
		padding: 40px 0;
	}
	.industrybox1 .industrydiv2{
		margin-top: 15px;
	}
	.industrybox2 ul li,
	.industrybox5 ul li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.industrybox2 ul li:nth-child(2n),
	.industrybox5 ul li:nth-child(2n){
		float: right;
	}
	.industrybox2 ul li .text h3{
		font-size: 14px;
	}
	.industrybox2 ul li .text{
		padding: 10px;
	}
	.industrybox2 ul li .text i{
		display: none;
	}
	.industrybox3 .slick-dots {
		bottom:10px;
	}
	.clientbox1 .clientdiv .img,
	.clientbox1 .clientdiv .img img{
		width: 100%;
	}
	.clientbox1 .clientdiv .text{
		position: relative;
		float: left;
		width: 100%;
		padding: 15px;
	}
	.clientbox1 .clientdiv .text .t{
		position: relative;
		z-index: 2;
		font-size: 14px;
		padding-right: 0;
		padding-top: 0;
		margin-top: -30px;
		line-height: 24px;
	}
	.clientbox1 .clientdiv .text .t p{
		margin-bottom: 5px;
		background-position-y: 10px;
	}
	.clientbox1,
	.clientbox2,
	.clientbox4,
	.clientbox5 {
		padding: 40px 0;
	}
	.clientLogo .slick-dots li button{
		width: 25px;
	}
	.clientbox3 .img{
		width: 100%;
		margin-left: 0;
	}
	.clientbox3 .text{
		width: 100%;
		padding: 10px 0 40px;
	}
	/*.clientbox3 .text p,*/
	.clientbox3 .text .t span {
		font-size: 14px;
		line-height: 24px;
	}
	.clientbox3 .text .t span{
		width: auto;
		margin-right: 20px;
	}
	.clientbox3 .text .bt{
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 5px;
		margin-top: 12px;
	}
	.clientbox3 .text .bt.b1{
		background-size: 20px 20px;
	}
	.clientbox3 .text .bt.b2 {
		background-size: 22px 20px;
	}
	.clientbox3 .text .morebtn{
		margin-top: 20px;
	}
	.clientbox3 .text .morebtn a{
		font-size: 14px;
		line-height: 40px;
	}
	.clientbox4 ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 15px;
	}
	.clientbox4 ol li:last-child{
		margin-bottom: 0;
	}
	.clientbox4 ol li .icon{
		width: 9%;
	}
	.clientbox4 ol li .text{
		width: 88%;
	}
	.clientbox4 ol li .text h3{
		font-size: 14px;
	}
	.clientbox4 ol li .text p{
		font-size: 12px;
	}
	.clientbox5 ol li,
	.clientbox5 ol li.li7 {
		width: 100%;
		margin-bottom: 10px;
	}
	.clientbox5 ol li input,
	.clientbox5 ol li select,
	.clientbox5 ol li textarea{
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}
	.clientbox5 ol li textarea{
		height: 120px;
		line-height: 24px;
	}
	.clientLogo ol li img {
		filter:grayscale(0);
		-webkit-filter:grayscale(0);
	}
	.casebox .caseList ul li .img,
	.casebox .caseList ul li .img img,
	.casebox .caseList ul li .text{
		width: 100%;
	}
	.casebox .caseList ul li{
		margin-bottom: 10px;
	}
	.casebox .caseList ul li .text{
		padding: 15px;
	}
	.casebox .caseList ul li .text h3{
		font-size: 12px;
	}
	.casebox .caseList ul li .text h4{
		font-size: 16px;
		font-weight: normal;
	}
	.casebox .caseList ul li .text p{
		font-size: 14px;
		line-height: 24px;
		margin-top: 0;
	}
	.casebox .caseList ul li .text span{
		font-size: 14px;
		line-height: 40px;
		margin-top: 12px;
	}
	.menu{
		height: 40px;
		margin-top: 0;
		background:rgba(0, 0, 0, 1);
	}
	.menu ul li{
		line-height: 40px;
		font-size: 14px;
	}
	.casebox{
		padding: 40px 0;
	}
	.casebox .caseList ul{
		margin-bottom: 35px;
	}
	.shopBox{
		padding: 40px 0;
	}
	.shopBox .shopTop .title h3,.shopBox .shopTop .title .t{
		font-size: 18px;
	}
	.shopBox .shopTop .title p{
		margin-top: 5px;
	}
	.shopQH{
		width: 100%;
		margin-left: 0;
	}
	.shopQH .slick-prev,
	.shopQH .slick-next{
		width: 24px;
		height: 24px;
		top: 50%;
		margin-top: -12px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
}
	.shopQH .slick-prev{
		left: 0;
		right: auto;
	}
	.shopQH .slick-next{
		right: 0;
	}
	.shopQH .box .text span,
	.shopText2 .shopList ul li .text .t p {
		font-size: 12px;
	}
	.shopQH .box .text p,
	.shopText2 .shopList ul li .text .t h3 {
		font-size: 14px;
		margin-top: 0;
	}
	.shopQH .box .text{
		padding: 10px;
	}
	.shopQH .box .text::before{
		display: none;
	}
	.shopBox .shopTop{
		text-align: center;
	}
	.shopBox .shopTop .title{
		text-align: center;
		width: 100%;
	}
	.shopBox .shopTop .more{
		font-size: 14px;
		line-height: 34px;
		float: none;
		display: inline-block;
	}
	.shopText2 .shopList ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	.shopText2 .shopList ul li:last-child{
		margin-bottom: 0;
	}
	.shopText2 .shopList ul li .img,
	.shopText2 .shopList ul li .img img{
		width: 100%;
		line-height: 0;
	}
	.shopText2 .shopList ul li .text{
		padding: 10px;
	}
	.shopText2 .shopList ul li .text .btn a.a1{
		margin-top: 8px;
	}
	.shopText2 .shopList ul li .text .btn a.a2{
		font-size: 14px;
		margin-top: 1px;
	}
}
@media (max-width:640px ) {
	.proshowdiv .proshowRight ul li .text{
		padding-top: 0;
	}
}
@media (max-width:480px ) {
	.proCLbtnbox .slick-prev,
	.proCLbtnbox .slick-next{
		width: 17px;
		height: 30px;
		margin-top: -15px;
	}
	.proshowdiv .proshowRight ul li .icon{
		width: 11%;
	}
	.proshowdiv2 ul li.li2 .icon { width: 18%; }
	.proshowdiv .proshowRight ul li .text{
		width: 86%;
	}
	.proshowdiv .proshowRight .proshowBtn a{
		margin-right: 10px;
		padding: 0 10px;
	}
	.proshowdiv2 ul li .icon{
		width: 18%;
	}
	.proshowdiv2 ul li .text{
		width: 78%;
	}
	.newsBox ol{
		margin-bottom: 35px;
	}
	.aboutLogo .slick-prev,
	.aboutLogo .slick-next{
		width: 17px;
		height: 30px;
		margin-top: -15px;
	}
	.aboutbox4 .aboutTD .text i.xiantiao{
		margin-top: 15px;
	}
	.clientLogo ol li{
		width: 32%;
		margin-right: 2%;
	}
	.clientLogo ol li:nth-child(5n){
		margin-right: 2%;
	}
	.clientLogo ol li:nth-child(3n){
		margin-right: 0;
	}
	.clientLogo ol li:nth-child(10){
		display: none;
	}
	.clientbox4 ol li .icon{
		width: 11%;
	}
	.clientbox4 ol li .text{
		width: 86%;
		padding-top: 0;
	}
	.clientbox4 ol li .text p{
		height: auto;
		line-height: 18px;
	}
	.clientbox5 ul li{
		height: 100px;
	}
	.clientbox5 .fromBtn input.sub_btn{
		font-size: 14px;
		line-height: 40px;
	}
}
@media (max-width:414px ) {
	.proshowdiv .proshowRight ul li .icon {
		width: 12%;
	}

	.proshowdiv .proshowRight ul li .text {
		width: 85%;
	}
	.proshowdiv .proshowRight .proshowBtn{
		margin-top: 0;
	}
	.proshowdiv .proshowRight .proshowBtn a{
		margin-top: 10px;
		width: 49%;
		margin-right: 0;
		text-align: center;
	}
	.proshowdiv .proshowRight .proshowBtn a:nth-child(2n){
		float: right;
	}
	.page a{
		font-size: 14px;
	}
	.clientbox5 ul li{
		height: 84px;
	}
}
@media (max-width:375px ) {
	.materialbox ul li .text .bottomBtn a{
		padding: 0 15px;
	}
}
@media (max-width:360px ) {
	
}